<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>♡ 真香の美食♡ </title>
    <link rel="stylesheet" href="../public文件/bootstrap.css">
    <link rel="stylesheet" href="../public文件/main.css">
</head>

<body>
    <header>
        <nav id="menu" class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm">
            <div class="container">
                <a class="navbar-brand" href="#">
                    <img src="../public文件/image/可爱小语~.png" alt="♡ 达叔の故事♡ ">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="../主页index/index.html">首页<span
                                    class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">黑龙江╰(*°▽°*)</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="#">湖南(ฅ´ω`ฅ)</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="../子网页index/3四川.html">四川(,,• ₃ •,,)♥</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">广西 ٩(๑´0`๑)۶</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">贵州(●´∀｀●)</a>
                        </li>
                    </ul>
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control mr-sm-2" type="search" placeholder="今天吃什么" aria-label="Search">
                        <button class="btn btn-outline-sousuo my-2 my-sm-0" type="submit">搜索 (•̀ᴗ•́)و ̑̑</button>
                    </form>
                    <!-- <button class="btn btn-outline-danger my-2 my-sm-0 animated infinite pulse">支持我们</button> -->
                </div>
            </div>
        </nav>
    </header>
    <main>
        <section id=slide class="hero">
            <div id="carouselExampleCaptions" class="carousel slide container" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>

                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <a href="detail.html"><img
                                src="http://sc.sinaimg.cn/9/2014/0827/U5959P841T9D14640F125DT20140827141720.jpg"
                                class="d-block w-100" alt="..."></a></div>
                    <div class="carousel-caption  d-md-block">
                        <h3>♡ 真 香 の 美 食 ♡</h3>
                        <p>来自五湖四海的美味~</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-item-content">
                    <div class="mbr-overlay">
                        <a href=""><img src="../public/images/瘦肉丸.jpg" class="d-block w-100" alt="..."></a>
                    </div>

                    <div class="carousel-caption  d-md-block">
                        <h3>你 最 爱 的 美 食</h3>
                        <p>美食最能治愈人心</p>
                    </div>
                </div>
            </div>

            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
            </div>
        </section>
        <section id="recent-events" class="container p-3">
            <h3 class="text-center animated fadeInDown delay-1s">· 美 食 指 南 ·</h3>
            <div class="row animated fadeInUp delay-2s mb-5 pb-3">
                <div class="col-md-3">
                    <div class="img">
                        <img class="img-fluid" src="http://img.tjkximg.com/image/2011-03/15/08/291175334114.jpg"
                            alt="川北凉粉" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-6 event-info">
                    <h4>川北凉粉</h4>
                    <ul class="list-unstyled text-info">

                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>清凉爽滑的川北凉粉</li>
                        <li><i class="fa fa-location-arrow" aria-hidden="true"></i>夏季风味食品</li>
                    </ul>
                    <p>川北凉粉自清末问世以来，以其独具红辣味醇、鲜香爽口的川味风格饮誉巴蜀，流传至今。凉粉质细柔嫩，筋力绵软，明而不透，细而不断，调料配味，独具匠心。老一辈无产阶级革命家朱德、罗瑞卿生前回南充视察工作时，就曾特意品尝了川北凉粉。
                    </p>

                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">四川美食菜单</button>
                </div>
            </div>
            <div class="row animated fadeInUp delay-3s mb-5 pb-3">
                <div class="col-md-3">
                    <img src="http://photocdn.sohu.com/20160229/mp61118601_1456752490538_5.jpeg" alt="营山凉面"
                        class="img-fluid">
                </div>
                <div class="col event-info">
                    <h4>营山凉面</h4>
                    <ul class="list-unstyled text-info">
                        <li><i class="fa fa-calendar" aria-hidden="true"></i>面条劲道入味</li>
                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>红油余味犹存</li>

                    </ul>
                    <p>营山凉面麻、辣、咸、香四味兼备，清凉爽口。因其面条细嫩清爽，佐料香辣味浓，色香味俱佳而远近闻名。面条做好后，加上酱油、醋、营山红油、味精、葱花、大头萝卜和蒜水放入碗内，调匀成调味汁；调味汁浇在面条上，和熟豆芽一起拌好即成。
                    </p>

                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">四川美食菜单</button>
                </div>
            </div>
            <div class="row animated fadeInUp delay-1s mb-5 pb-3">
                <div class="col-md-3">
                    <img src="https://tse2-mm.cn.bing.net/th/id/OIP.Zzx1-mcQEKOxmDQA0-7-7wHaHJ?pid=Api&rs=1" alt="宜昌凉糕"
                        class="img-fluid">
                </div>
                <div class="col event-info">
                    <h4>凉糕</h4>
                    <ul class="list-unstyled text-info">
                        <li><i class="fa fa-calendar" aria-hidden="true"></i>凉虾口感上鲜嫩爽口，丝丝顺滑</li>
                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>生津止渴的夏日美食佳品</li>
                    </ul>
                    <p>凉糕是四川宜宾的一款传统特色小吃。其味美香甜沙软，食之清爽可口，还有解毒排脓、利水消肿、清热去湿、健脾止泻的功效。主要原料为大米、井水、红糖。</p>


                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">四川美食菜单</button>
                </div>
            </div>
            <div class="row animated fadeInUp delay-3s mb-5 pb-3">
                <div class="col-md-3">
                    <img src="http://images.blemall.com/picserver/pqpic/merpic/00/47/DP_00473734_2.jpg" alt="灯影牛肉丝"
                        class="img-fluid">
                </div>
                <div class="col event-info">
                    <h4>灯影牛肉</h4>
                    <ul class="list-unstyled text-info">
                        <li><i class="fa fa-calendar" aria-hidden="true"></i>麻辣香甜</li>
                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>片薄如纸</li>

                    </ul>
                    <p>四川达州著名的特色小吃，因肉片薄而宽、可以透过灯影、有民间皮影戏之效果而得名，已有100多年历史。灯影牛肉是由牛后腿腱子肉切片后，经腌、晾、烘、蒸、炸、炒等工序制作而成。麻辣香甜，深受人们喜爱。牛肉片薄如纸，色红亮，味麻辣鲜脆，细嚼之，回味无穷。
                    </p>

                </div>

                <div id="member" class="my-5">
                    <h3 class="h2 text-center">·美食欣赏·</h3>
                    <div class="row mt-5">
                        <div class="col-md-4">
                            <img src="http://seopic.699pic.com/photo/50075/0779.jpg_wh1200.jpg" class="img-fluid-1"
                                alt="美食">
                        </div>
                        <div class="col-md-4">
                            <img src="https://tse4-mm.cn.bing.net/th/id/OIP.aN0YBUotOxZ5CkT_kMdqVAHaE8?w=289&h=193&c=7&o=5&dpr=1.5&pid=1.7"
                                class="img-fluid-1" alt="美食">
                        </div>
                        <div class="col-md-4">
                            <img src="https://tse3-mm.cn.bing.net/th/id/OIP.k-jGPDGnb_olM1rFWjfvhgHaFu?w=233&h=180&c=7&o=5&dpr=1.5&pid=1.7"
                                class="img-fluid-1" alt="美食">
                        </div>
                    </div>
                    <div class="row mt-5">
                        <div class="col-md-4">
                            <img src="https://tse3-mm.cn.bing.net/th/id/OIP.g1VOCX8kXbvGe5OBYYID8wHaFj?w=258&h=194&c=7&o=5&dpr=1.5&pid=1.7"
                                class="img-fluid-1" alt="美食">
                        </div>
                        <div class="col-md-4">
                            <img src="https://tse3-mm.cn.bing.net/th/id/OIP.XRvqt-zUMCgAEg4AIuQ27gHaE7?w=269&h=180&c=7&o=5&dpr=1.5&pid=1.7"
                                class="img-fluid-1" alt="美食">
                        </div>
                        <div class="col-md-4">
                            <img src="https://tse3-mm.cn.bing.net/th/id/OIP.GSOhRRW6jniF5nJvx6ZBCwHaFm?w=226&h=180&c=7&o=5&dpr=1.5&pid=1.7"
                                class="img-fluid-1" alt="美食">
                        </div>
                    </div>
                </div>>
                <a class="more" href="../12/index.html">MORE</a>
        </section>

        <section id="member" class="my-5">
            <h2 class="h2 text-center">天府之国，美食之都</h2>
            <p class="display-4 text-center title-bg">
                the best food make us relax
            </p>
            <div class="row mt-5">
                <div class="col-md-4">
                    四川菜，中国四大菜系之一。以其麻辣味闻名于海外，有“食在中国，味在四川”之美誉，并享有“烹饪天国”之誉，浓郁地方特色菜和小吃种类繁多，味道变化无穷，香飘海内外。
                </div>
                <div class="col-md-4">川菜属中国四大菜系（川、粤、京、苏）之一，以 “一菜一格，百菜百味”的鲜明个性著称于世。常有的家常味型有鱼香味型、怪味型、麻辣味型等20多种。
                </div>
                <div class="col-md-4">一个人旅行，和美食单独约会。走入四川，走近玉林路的小酒馆,走近茶楼熊猫,走近麻将，走进川剧，走进千滋百味的川菜。

                </div>
            </div>

        </section>
    </main>
    <footer>
        <section class="container-fluid contact p-5">
            <div class="row">
                <div class="col-lg-4 text-center">
                    <h4>·真香小组二维码·</h4>
                    <img src="../public文件/image/群二维码.jpg" alt="二维码" class="img-fluid">
                </div>
                <div class="col-lg-4">
                    <h4>·联系我们·</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-map-marker"></i>真香小组</li>
                        <li><i class="fa fa-phone" aria-hidden="true"></i>电话：177-1111-2333</li>
                        <li><i class="fa fa-paper-plane" aria-hidden="true"></i>邮箱：845902547@qq.com</li>
                        <li><i class="fa fa-globe" aria-hidden="true"></i>地址：西北民族大学</li>
                    </ul>
                </div>

                <div class="col-lg-4">
                    <h4>·Food·</h4>
                    <ul class="list-unstyled list-colums">
                        <li><i class="fa fa-link" aria-hidden="true"></i>有什么好吃的推荐</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>欢迎前来推荐</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>若需要提供美食指南</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>请来联系我们~</li>

                    </ul>
                </div>
            </div>
        </section>
        <section class="container-fluid copyright">
            <p class="text-center">© zhenxiang 2020 - <span><a href="#">来自@真香小组的编辑</a></span> - Taste The Food</p>
        </section>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>

</html>